﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
        <link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
        <link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>

        <script type="text/javascript">
            function popUpHappyBonusDetail() {
                var w = 820;
                var h = 500;
                var l = (screen.width - w) / 2;
                var t = (screen.height - h ) / 2;
                window.open('http://www.happy.co.th/th/popup/bonus/bonus.html', 'HappyBonus', 'width=820, height=500, scrollbars=1, dialogTop=' + t + ', dialogLeft=' + l + 'px');
            }

            function announceDisableTime(){
                var isAnnounceTime = '<!--SVLT.VAR:isAnnounceTime-->';

                if( isAnnounceTime == null || !isAnnounceTime){
                    return;
                }

                var w=500;
                var h=400;
                var l = (screen.width - w) / 2;
                var t = (screen.height - h ) / 2;
                var bDate = getBeginDisableDate();
                var eDate = getEndDisableDate();
                msgRow = "<div style='margin-top:80px; margin-left:30px; width:400px; height:auto; font:Tahoma; font-size:12px;'><p align=left>ขออภัยในความไม่สะดวก ขณะนี้<b>ระบบบัตรเติมเงินขัดข้อง</b><br/>คุณสามารถเลือกเติมเงิน ผ่านบริการแฮปปี้ออนไลน์ หรือ<br/>ช่องทางอื่นได้ตามปกติ<br/><br/>เราจะรีบแก้ไขปรับปรุง เพื่อให้คุณมีความสุขกับบริการของเรา<br/>โดยเร็วค่ะ</p></div>";

                bttnRow = "";
                document.open("/bp3/bin/DpromptShowMSG","tinyWindow", "width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);
            }

            function gotoPageIfEnable(nextPage){
                var bDate = getBeginDisableDate();
                var eDate = getEndDisableDate();
                var msgLocal = "ขอโทษค่ะ เนื่องจากขณะนี้มีการปรับปรุงระบบการเติมเงินชั่วคราว คุณจึงไม่สามารถเติมเงินด้วยบัตรเติมเงินหรือบัตรเติมบริการเสริมได้" +
                    "<br/>ตั้งแต่คืนวันที่ "+ bDate +
                    "<br/>ถึง เช้าวันที่ " + eDate +
                    "<br/><br/>แต่ยังสามารถเติมเงินผ่านบริการ<br/>แฮปปี้ออนไลน์และธนาคารได้ตามปกติค่ะ" +
                    "<br/><br/>หากคุณมียอดเงินคงเหลือน้อยกว่า 20 บาท และเปิดใช้บริการเกิน 3 เดือน สามารถใช้ใจดีให้ยืมได้ที่บริการผ่านเว็บ หรือ โทร. *1010 ค่ะ"+
                    "<br/>ศึกษาข้อมูลเพิ่มเติม <a href='http://www.happy.co.th/th/low/07_jaidee_hai_yeam.php' class='extnormal_blue'>คลิก</a>";

                document.form1.showDisableMsg.value = msgLocal;
                document.form1.nextPage.value       = nextPage;
                document.form1.submit();
            }
    	</script>

    </head>
    <body>
        <div id="header">
            <%@ include file="../head.jsp" %>
        </div>

        <div id="container">
            <div id="pathway"><A href="${pageContext.request.contextPath}/index.html" class="link2">บริการผ่านเว็บ</A> &gt; Log In</div>
            <div id="main">
                <%@ include file="../menu.jsp" %>
                <div id="content">
                    <div class="content-middle">

                        <!--เนื้อหาเริ่มที่นี่-->
                        <table width="100%" cellpadding="2" cellspacing="2" height="500">
                            <tr>
                                <td valign="top">
                                    <table width="650" border="0" cellspacing="0" cellpadding="0">

                                        <!--SVLT.VAR:CONF_TOP-->
                                        <%@ include file="../control_panel.jsp" %>

                                        <tr>
                                            <td height="15" align="center" background="${RESOURCE}/tha/images/14_webservice_tabline.gif">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td height="15" align="center">
                                                <table width="95%" border="0" cellspacing="0"
                                                       cellpadding="0">
                                                    <tr>
                                                        <td align="left" valign="top">
                                                            <table width="100%" border="0" cellspacing="0"
                                                                   cellpadding="0">
                                                                <tr>
                                                                    <td width="1"><img src="${RESOURCE}/tha/images/14_htab01.gif" width="14" height="33" /></td>
                                                                    <td align="left"
                                                                        background="${RESOURCE}/tha/images/14_htab03.gif"><img
                                                                            src="${RESOURCE}/tha/images/14_webservice_htab01.gif"
                                                                            width="155" height="33" /></td>
                                                                    <td width="1"><img
                                                                            src="${RESOURCE}/tha/images/14_htab02.gif"
                                                                            width="14" height="33" /></td>
                                                                </tr>
                                                            </table>														</td>
                                                    </tr>

                                                    <tr>
                                                        <td align="left" valign="top">
                                                            <table width="100%" border="0" cellspacing="0"
                                                                   cellpadding="0">
                                                                <tr>
                                                                    <td align="center" bgcolor="#FFFFFF">
                                                                        <table width="95%" border="0" cellspacing="2"
                                                                               cellpadding="2">
                                                                            <tr>
                                                                                <td width="27%" align="left" class="textnormal_bold">เบอร์แฮปปี้ของคุณ</td>
                                                                                <td width="73%" align="left" class="textnormal"><span id="phoneNumber"></span></td>
                                                                            </tr>
                                                                        </table>																</td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" bgcolor="#E0E0E0">
                                                                        <table width="95%" border="0" cellspacing="2"
                                                                               cellpadding="2">

                                                                            <tr>
                                                                                <td width="27%" align="left" class="textnormal_bold">เริ่มใช้ระบบเติมเงิน</td>
                                                                                <td width="73%" align="left" class="textnormal"><span id="startPrepaidDate"></span></td>
                                                                            </tr>
                                                                        </table>																</td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" bgcolor="#FFFFFF">
                                                                        <table width="95%" border="0" cellspacing="2"
                                                                               cellpadding="2">

                                                                            <tr>
                                                                                <td width="27%" align="left" class="textnormal_bold">เปิดใช้บริการนาน<span
                                                                                        class="textnormalred">*</span></td>
                                                                                <td width="73%" align="left" class="textnormal"><span id="age"></span><br/>
                                                                                    <font size="1" color="red">(* กรณีเปลี่ยนจากระบบรายเดือนเป็นแบบเติมเงิน จะนับย้อนหลังตั้งแต่ใช้ระบบรายเดือน)</font></td>
                                                                            </tr>
                                                                        </table>																</td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" bgcolor="#E0E0E0">
                                                                        <table width="95%" border="0" cellspacing="2"
                                                                               cellpadding="2">

                                                                            <tr>
                                                                                <td width="27%" align="left" class="textnormal_bold">โปรโมชั่นที่ใช้</td>
                                                                                <td width="73%" align="left" class="textnormal"><span id="promotion"></span></td>
                                                                            </tr>
                                                                        </table>																</td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" bgcolor="#FFFFFF">
                                                                        <table width="95%" border="0" cellspacing="2"
                                                                               cellpadding="2">

                                                                            <tr>
                                                                                <td width="27%" align="left" class="textnormal_bold">ยอดเงินคงเหลือ																		</td>
                                                                                <td width="73%" align="left" class="textnormal"><span id="credits"></span></td>
                                                                            </tr>
                                                                        </table>																</td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" bgcolor="#E0E0E0">
                                                                        <table width="95%" border="0" cellspacing="2"
                                                                               cellpadding="2">

                                                                            <tr>
                                                                                <td width="27%" align="left" class="textnormal_bold">ใช้ได้ถึงวันที่</td>
                                                                                <td width="73%" align="left" class="textnormal"><span id="validUntil"></span></td>
                                                                            </tr>
                                                                        </table>																</td>
                                                                </tr>
                                                            </table>														</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" bgcolor="#FFFFFF">
                                                            <table width="95%" border="0" cellspacing="2"
                                                                   cellpadding="2">
                                                                <tr>
                                                                    <td width="27%" align="left" class="textnormal_bold">ยอดแฮปปี้โบนัสคงเหลือ</td>
                                                                    <td width="73%" align="left" class="textnormal"><span id="happyBonusAmount"></span> บาท</td>
                                                                </tr>
                                                            </table>														</td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20" align="center" bgcolor="#FFFFFF"></td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center">
                                                            <table width="95%" border="0" cellspacing="2"
                                                                   cellpadding="2">
                                                                <tr>
                                                                    <td colspan="2" align="left" class="textnormal">เงื่อนไขการใช้แฮปปี้โบนัส <a href="javascript:void(0);" onClick="popUpHappyBonusDetail();">คลิกที่นี่</a></td>
                                                                </tr>
                                                            </table>														</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left" valign="top">
                                                            <table width="100%" border="0" cellspacing="0"
                                                                   cellpadding="0">
                                                                <tr>
                                                                    <td width="1"><img
                                                                            src="${RESOURCE}/tha/images/14_htab01.gif"
                                                                            width="14" height="33" /></td>
                                                                    <td align="left"
                                                                        background="${RESOURCE}/tha/images/14_htab03.gif"><img src="${RESOURCE}/tha/images/14_webservice_htab02.gif" width="241" height="33" /></td>
                                                                    <td width="1"><img
                                                                            src="${RESOURCE}/tha/images/14_htab02.gif"
                                                                            width="14" height="33" /></td>
                                                                </tr>
                                                            </table>														</td>
                                                    </tr>

                                                    <tr>
                                                        <td align="left" valign="top">
                                                            <table width="100%" border="0" cellspacing="0"
                                                                   cellpadding="0">

                                                                <!--SVLT.LOOP:SUBSCRIBER_INFO_VAS-->
                                                                <tr>
                                                                    <td align="center" bgcolor="<!--SVLT.VAR:SUBSCRIBER_INFO_VAS_BG_COLOR-->">
                                                                        <table width="95%" border="0" cellspacing="2"
                                                                               cellpadding="2">
                                                                            <tr>
                                                                                <td width="75%" align="left" valign="middle"  class="textnormal"><!--SVLT.VAR:SUBSCRIBER_INFO_VAS_NAME--></td>
                                                                                <td width="25%" align="left"  valign="middle" class="textnormal"><!--SVLT.VAR:LINK--></td>
                                                                            </tr>
                                                                        </table>																</td>
                                                                </tr>
                                                                <!--SVLT.END:SUBSCRIBER_INFO_VAS-->

                                                            </table>

                                                            <table width="100%" border="0" cellspacing="0"
                                                                   cellpadding="0">

                                                                <tr >
                                                                    <td align="center" bgcolor="#FFFFFF">
                                                                        <table width="95%" border="0" cellspacing="2" cellpadding="2">
                                                                            <tr>
                                                                                <td align="left" class="textnormal"><!--SVLT.VAR:SUBSCRIBER_INFO_MSG_VAS_ERROR--></td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td align="left" valign="top">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="left" valign="top">
                                                            <table width="95%" border="0" align="center"
                                                                   cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                    <td align="center" class="textnormal_bold"><a
                                                                            href="${pageContext.request.contextPath}/DpromptVas.html?page=DpromptVasChkBalance"><img
                                                                                src="${RESOURCE}/tha/images/14_webservice_moredetail2.gif"
                                                                                border="0" /></a></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20" align="left" valign="top"></td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20" align="left" valign="top"
                                                            class="textnormal">
                                                            <table width="95%" border="0" align="center"
                                                                   cellpadding="0" cellspacing="0">
                                                                <tr>
                                                                    <td align="left" class="textnormal">ข้อมูล ณ
																วันที่ <span id="informationDate"></span></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20" align="left" valign="top"></td>
                                                    </tr>

                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td height="15" align="left" class="textnormal"><img
                                                    src="${RESOURCE}/tha/images/14_webservice_remark.gif"
                                                    width="95" height="33" /><br/>
                                                <table width="95%" border="0" align="center" cellpadding="0"
                                                       cellspacing="0">
                                                    <tr>
                                                        <td><span class="textnormal">รายการที่แสดงบนบริการผ่านเว็บ
														ใช้สำหรับตรวจสอบข้อมูลการใช้งานเท่านั้น
														ไม่ใช่ข้อมูลที่แสดงถึงการใช้งานปัจจุบัน<br/>
														รายการที่แสดงไม่สามารถใช้เป็นเอกสารอ้างอิงใดๆได้<br/>
                                                                <br/>
														บริการนี้มีไว้สำหรับผู้ใช้บริการส่วนบุคคล
														มิใช่เพื่อการใช้ประโยชน์ในเชิงพาณิชย์ชองบุคคลใดบุคคลหนึ่ง
                                                                <br/>
														หากผู้ใดทำการละเมิดต่อสิทธิ์ของบริษัทฯ
														อันขัดต่อข้อตกลงที่ระบุไว้ในที่นี้ บริษัทฯ
														จะดำเนินการทางกฏหมาย<br/>
														กับบุคคลนั้นทันที </span> <br/>
                                                            <br/>
                                                            <a href="${pageContext.request.contextPath}/index.html?page=GuestTermOfService" class="textnormalpink_bold" target="_blank">เงื่อนไขการใช้บริการ</a></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="15" align="center">&nbsp;</td>
                                        </tr>
                                    </table>


                                </td>
                            </tr>
                        </table>
                        <!--เนื้อหาสิ้นสุดที่นี่-->

                    </div>
                    <div class="content-bottom"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="${RESOURCE}/tha/images/copy_right.jpg" />
            <a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
            <a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
        </div>
    </body>
</html>
